<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册用户信息</title>
</head>
<body>
    
    <form action="" onsubmit="return login()">
        用户名：<input type="text" id="username" onblur="test_username()"><br>
        密码：<input type="password" id="password"><br>
        性别：<input type="radio" name="sex"> 男
              <input type="radio" name="sex" > 女<br>
        学历：<input type="radio" name="education"> 本科
              <input type="radio" name="education" > 专科<br>
        自我介绍：<textarea cols="10" rows="5" id="introduce"></textarea><br>
        
        <button value="2222"  id="send">提交</button>
    </form>


    <script>
        //校验用户名的方法
        function test_username() {
            var name = document.getElementById("username").value ;
            if(name == "admin"){
             return true; // 阻止表单的提交
            }else{
                alert("用户名必须为admin！");
                return false; 
            }
        }
        //事件捕获：当点击提交按钮，弹出自我介绍的内容
        document.getElementById("send").addEventListener("click",function(){
        alert("你的自我介绍是：" + document.getElementById("introduce").value);
        },true);
    </script>
</body>
</html>